div.jMyPuzzle {
  display: block;
  border: 1px solid #ccc;
  height: 200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 750px;
  font-size: 14px;
}
div.jMyPuzzle ul {
  display: block;
  position: absolute;
  margin-top: 30px;
  width: 100%;
  /* Do not remove */
}
div.jMyPuzzle ul li {
  display: block;
  float: left;
  font-size: 1.6em;
  font-weight: bold;
  color: white;
  padding: 4px 10px 4px 10px;
  margin: 2px;
  background-color: #2d96f0;
  cursor: pointer;
}
div.jMyPuzzle ul li.normal {
  background-color: #2d96f0;
}
div.jMyPuzzle ul li.normal:hover {
  background-color: #0c62ab;
}
div.jMyPuzzle ul li.notValid {
  background-color: #fb0b1c;
}
div.jMyPuzzle ul li.miValid {
  background-color: #fdb222;
}
div.jMyPuzzle ul li.valid {
  background-color: #41ca05;
}
div.jMyPuzzle input.button {
  border: 1px solid #aaa;
  color: #555;
  cursor: pointer;
}
div.jMyPuzzle input.button:hover {
  border: 1px solid #333;
  color: #000;
}
div.jMyPuzzle input.button.reset {
  float: right;
  margin-right: 20px;
  margin-top: 100px;
  background: transparent url('lightning.png') 5% center no-repeat;
  padding: 3px 3px 3px 40px;
  width: 120px;
  font-size: 1.2em;
}
div.jMyPuzzle input.button.check {
  float: right;
  margin-right: 20px;
  margin-top: 100px;
  background: transparent url('check.png') 5% center no-repeat;
  padding: 3px 3px 3px 40px;
  width: 120px;
  font-size: 1.2em;
}
div.jMyPuzzle .trials {
  font-weight: bold;
  font-size: 1.3em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  text-align: right;
}
